<? 
require_once("Clases/Alumno.php");
require_once("Clases/Docente.php");
require_once("Clases/Reporte.php");
include "Controladores/validaSesion.php";
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>SRP | Inicio Director</title>
		<link href="css/styles_director.css" rel="stylesheet" type="text/css" media="all" />
		<link href="font/stylesheet_tutores.css" rel="stylesheet" type="text/css" media="all" />
                <link rel="stylesheet" href="css/uniform.defaultstyle2.css" type="text/css" media="screen" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
      $(function(){
        $("input, select").uniform();
      });
    </script>
		<link rel="stylesheet" href="css/uniform.defaultstyle3.css" type="text/css" media="screen" />
                 <link rel="stylesheet" type="text/css" href="css/jquery.cleditor.css" />
                 
		<script src="YUI/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
		<script src="YUI/2.6.0/build/calendar/calendar-min.js" type="text/javascript"></script>
		<script type="text/javascript">
 $(document).ready(function(){
     $('.ddm').hover(
	   function(){
		 $('.ddl').slideDown();
	   },
	   function(){
		 $('.ddl').slideUp();
	   }
	 );
 });
</script>
		<script type="text/javascript" src="js/DD_roundies_0.0.2a-min.js"></script>
		<script type="text/javascript">
DD_roundies.addRule('#tabsPanel', '5px 5px 5px 5px', true);

</script>
                <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
                 <script>
    
    
 $(function() {
            $( "#FechaInfraccion" ).datepicker();
        });
        
        $(function() { 
 
        $( "#dialog-form" ).dialog({
            autoOpen: false,
            width:940,
            modal: false,
            buttons: {                
            },
            close: function() {
                    allFields.val( "" ).removeClass( "ui-state-error" );
                }
            });
        });
        
     function enviarReporte()
     {
        var v = getTextTA("input2");
        if (confirm('Estan Correctos los Datos'))
            enviar(v);

     }
 
    function enviar(v)
     {
            var IdReporte = document.getElementById('IdReporte').value;
            var path= "Controladores/EditReporteTutor.php?IdReporte="+IdReporte+"&DescripcionAtendido="+v;

             $.ajax({
                        'url' : path,'type' : 'GET',
                        'success' : function(data) {

                        }
                    });  
           
            var elem = document.getElementById(IdReporte);
            if(document.getElementById("turno").value =="1")
                elem.parentNode.removeChild(elem);
            alert("Se Ha Actualizado el Reporte");
            $( "#dialog-form" ).dialog( "close" );
         
     }
    
    function getTutorSeleccionado()
    {
        var id = $('#tutores :selected').val();
        return id
    }
    
    function addOption(text,value)
    {
        var o = new Option(value,text);
        $(o).html(value);
        $("#tutores").append(o); 
    }
     
    function fillTutores()
    {
        var path= "Controladores/GetTutores.php";  
        addOption("","Seleccionar Tutor");
        $.ajax({
            'url' : path,'type' : 'GET',
            'success' : function(data) {
                var jsonData = JSON.parse(data);
                var x= 0;
                for (var i in jsonData.tutores) {
                    var counter = jsonData.tutores[i];
                    addOption(counter.id,counter.nombre);
                    if(x==0) pollo = counter.id;
                       x++;
                }
            }
        });  
        
    } 
     
    function change(id)
      {
        var path = "images/apagado.png";
        $("#1").attr("src",path);
        $("#2").attr("src",path);
        $("#3").attr("src",path);
        switch(id)
        {
            case 1:
                $("#1").attr("src","images/verde.png");
                break;
            case 2:
                $("#2").attr("src","images/amarillo.png");
                break;
            case 3:
                $("#3").attr("src","images/rojo.png");
                break;
        }
        document.getElementById('escondido').value = (id-1);

     }
     
     function setTextTA(id,val)
            {
                id+="Frame";
                var iFrame =  document.getElementById(id);
                var iFrameBody;
                if ( iFrame.contentDocument ) 
                { // FF
                    iFrameBody = iFrame.contentDocument.getElementsByTagName('body')[0];
                }
                else if ( iFrame.contentWindow ) 
                { // IE
                    iFrameBody = iFrame.contentWindow.document.getElementsByTagName('body')[0];
                }
                iFrameBody.innerHTML = val;
                
     } 
     
      function getTextTA(id)
      {
                id+="Frame";
                var iFrame =  document.getElementById(id);
                var iFrameBody;
                if ( iFrame.contentDocument ) 
                { // FF
                    iFrameBody = iFrame.contentDocument.getElementsByTagName('body')[0];
                }
                else if ( iFrame.contentWindow ) 
                { // IE
                    iFrameBody = iFrame.contentWindow.document.getElementsByTagName('body')[0];
                }
                return (iFrameBody.innerHTML);
                
     }
     
        function atender(id)
        {
        var path= "Controladores/GetReporte.php?Reporte="+id;  
        document.getElementById('IdReporte').value = id;
        $.ajax({
            'url' : path,'type' : 'GET',
            'success' : function(data) {
                limpiar();
                var n = data.split("}");
                document.getElementById('FechaReporte').value = n[0];
                document.getElementById('FechaInfraccion').value = n[1];
                setTextTA("input",n[3]);
                document.getElementById('nombreA').innerHTML = n[6] + " <b>Matricula:</b> " +n[5];  
                document.getElementById('FechaReporte').disabled= true;
                document.getElementById('FechaInfraccion').disabled= true;
                document.getElementById('simon').style.visibility='hidden';
                document.getElementById('dv').style.visibility='hidden';
                   
                setR(n[2]);
                
                /**/
                change(parseInt(n[4])+1);
                
                 $( "#dialog-form" ).dialog( "open" );
                document.getElementById("inputFrame").style.height="200px";
            }
        });  
        
        }
    
        function ver(id)
        {
        var path= "Controladores/GetReporte.php?Reporte="+id;  
        document.getElementById('IdReporte').value = id;
        $.ajax({
            'url' : path,'type' : 'GET',
            'success' : function(data) {
                limpiar();
                var n = data.split("}");
                document.getElementById('FechaReporte').value = n[0];
                document.getElementById('FechaInfraccion').value = n[1];
                setTextTA("input",n[3]);
                setTextTA("input2",n[7]);
                document.getElementById('nombreA').innerHTML = n[6] + " <b>Matricula:</b> " +n[5];
                
                document.getElementById('FechaReporte').disabled= true;
                document.getElementById('FechaInfraccion').disabled= true;
                document.getElementById('simon').style.visibility='hidden';
                document.getElementById('dv').style.visibility='visible';
                
                setR(n[2]);
                /**/
                change(parseInt(n[4])+1);
                
                 $( "#dialog-form" ).dialog( "open" );
                document.getElementById("inputFrame").style.height="200px";
                document.getElementById("input2Frame").style.height="200px";
            }
        });  
        }
        
        function limpiar()
        {

            change(1);
            setR(0);
            setTextTA("input","");
            setTextTA("input2","");
            document.getElementById('FechaInfraccion').value = "Fecha Infracción";

        }

          function setR(val)
    {
        switch(parseInt(val))
                {
                    case 0:
                        document.getElementById('r0').checked = true;
                        break;
                    case 1:
                        document.getElementById('r1').checked = true;
                        break;
                    case 2:
                        document.getElementById('r2').checked = true;
                        break;
                    
                }
        
    }
    
    function getR()
    {
        if (document.getElementById('r0').checked)
            return 0;
        else if (document.getElementById('r1').checked)
            return 1;
        return 2;
    }
     

        function removerRow(trId) {
            $(document.getElementById(trId)).remove();
                
        }

        function clearTable(table)
        {
            var tableRef = document.getElementById(table);
            while ( tableRef.rows.length > 0 )
                tableRef.deleteRow(0);
             $(table).append('<th>Nombre</th><th>Matricula</th><th>Remover</th>');
        }
        
        function cambioTutores()
        {
            document.getElementById("r").checked = true;
            cambio(1);
            
        }
        
        function cambio(id)
        {
            $("#lst").empty();
            $("#lst2").empty();
            if(id==1)
                fillEntrada(getTutorSeleccionado());
            else if (id==3)
                cambio(getSelected());
            else 
                fillSalida(getTutorSeleccionado());  
            document.getElementById("turno").value = id;
        }
        
        function getSelected()
        {
            return (document.getElementById("r").checked) ? 1:2;
        }
        
        function fillEntrada(docente)
        { 
           var search = document.getElementById("search").value;
           $("#lst").append("<li> <p class= 'title' ><strong>Gravedad</strong></p> <p class= 'title' ><strong>Fecha Reporte</strong></p> <p class='descripHead'>Alumno(s)</p> <p class='editHead'>Ver</p> <p class= 'title' ><strong>Tiempo Sin Atender</strong></p> </li>"); 
           var path= "Controladores/GetReportesNoAtendidos.php?docente="+docente;        
           $.ajax({
                'url' : path,'type' : 'GET',
                'success' : function(data) {
                      var ar = data.split(",");
                      if(ar.length > 1)
                        for(var x=0; x< ar.length;x++)
                        {
                            var nid = ar[x];
                            var way= "Controladores/GetReporte.php?Reporte="+ar[x];        
                            $.ajax({
                                'url' : way,'type' : 'GET',
                                'success' : function(info) {
                                        var arr = info.split("}");
                                        var fecha = arr[0];
                                        var nalumno = arr[6] + " -> " + arr[5];
                                        nid = arr[8];
                                        var icono = getIcono(parseInt(arr[4]));
                                        var algo = startsWith(arr[5],search);
                                        var algo = algo || startsWith(arr[6],search);
                                            if(algo == true){
                                                var id = "<li class=odd id ="+nid + ">";
                                                var ico  = "<p class=title><img src=images/"+icono+" /></p>";
                                                var FI  = "<p class=title>"+fecha+"</p>";
                                                var Al = "<p class=descrip id=alumnospar>"+nalumno+"</p>";
                                                var IdR =  "<p class=edit> <a onClick=atender("+nid+") class=pollo><img src=images/ver.png /></a></p>";
                                                var end = "</li>"; 
                                                var path= "Controladores/DiasPasados.php?Reporte="+nid;  
                                                $.ajax({
                                                    'url' : path,'type' : 'GET',
                                                    'success' : function(data) {
                                                        var icono = getIconoAtendido(data);
                                                        var dias  = "<p class=title><img src=images/"+icono+" /></p>";
                                                        var row = id+ ico + FI + Al + IdR + dias+end;
                                                        $("#lst").append(row);   
                                                    }
                                                }); 
                                                 
                                        }
                                    }
                                }); 

                        }
                     else if (data != "no")
                     {
                          var way= "Controladores/GetReporte.php?Reporte="+data;        
                          $.ajax({
                                'url' : way,'type' : 'GET',
                                'success' : function(info) {
                                        var arr = info.split("}");
                                        var fecha = arr[0];
                                        nid = arr[8];
                                        var nalumno = arr[6] + " -> " + arr[5];
                                        var algo = startsWith(arr[5],search);
                                        var algo = algo || startsWith(arr[6],search);
                                        var icono = getIcono(parseInt(arr[4]));
                                        if(algo == true){
                                            var id = "<li class=odd id ="+nid + ">";
                                            var ico  = "<p class=title><img src=images/"+icono+" /></p>";
                                            var FI  = "<p class=title>"+fecha+"</p>";
                                            var Al = "<p class=descrip id=alumnospar>"+nalumno+"</p>";
                                            var IdR =  "<p class=edit> <a onClick=atender("+nid+") class=pollo><img src=images/ver.png /></a></p>";
                                            var end = "</li>"; 
                                             var path= "Controladores/DiasPasados.php?Reporte="+nid;  
                                                $.ajax({
                                                    'url' : path,'type' : 'GET',
                                                    'success' : function(data) {
                                                        var icono = getIconoAtendido(data);
                                                        var dias  = "<p class=title><img src=images/"+icono+" /></p>";
                                                        var row = id+ ico + FI + Al + IdR + dias+end;
                                                        $("#lst").append(row);   
                                                    }
                                                });   
                                        }
                                    }
                                }); 
                         
                     }
                }
           }); 
           
           
        }
        
        function fillSalida(docente)
        { 
           $("#lst2").append("<li> <p class=title><strong>Gravedad</strong></p> <p class=title><strong>Fecha Reporte</strong></p> <p class=descripHead>Alumno(s)</p> <p class=editHead>Ver</p><p class=editHead>Atendido</p></li>");            
           var search = document.getElementById("search").value; 
           var path= "Controladores/GetReportesAtendidos.php?docente="+docente;        
           $.ajax({
                'url' : path,'type' : 'GET',
                'success' : function(data) {
                      var ar = data.split(",");
                      if(ar.length > 1)
                      for(var x=0; x< ar.length;x++)
                      {
                          var nid = ar[x];
                          var way= "Controladores/GetReporte.php?Reporte="+nid;        
                          $.ajax({
                            'url' : way,'type' : 'GET',
                            'success' : function(info) {
                                    var arr = info.split("}");
                                    var id = arr[8];
                                    var fecha = arr[0];
                                    var icono = getIcono(parseInt(arr[4]));
                                    var alumno = arr[6] + " -> " + arr[5];
                                    var algo = startsWith(arr[5],search);
                                    var algo = algo || startsWith(arr[6],search);
                                    if(algo == true){
                                        var uno = "<li class=odd id ="+id+">";
                                        var ud = "<p class=title><img src=images/"+icono+" /></p>";
                                        var dos = "<p class=title>"+fecha+"</p>";
                                        var tres = "<p class=descrip>"+alumno+"</p>";
                                        var cuatro = "<p class=edit> <a onClick=ver('"+id+"') class=pollo><img src=images/ver.png /></a></p>";
                                        var d=new Date(arr[10]);
                                        var curr_date = d.getDate();
                                        var curr_month = d.getMonth() + 1; //Months are zero based
                                        var curr_year = d.getFullYear();
                                        var ld = curr_year + "-" + curr_month + "-" + curr_date;
                                        var cinco = "<p class=edit>"+ld+"</p>";
                                        var seis = "</li>";
                                        var row = uno +ud+dos + tres + cuatro + cinco+ seis;
                                        $("#lst2").append(row);  
                                    }
                                }
                            }); 
                      }
                      else if (data != "no")
                      {
                           var way= "Controladores/GetReporte.php?Reporte="+data;        
                          $.ajax({
                            'url' : way,'type' : 'GET',
                            'success' : function(info) {
                                    var arr = info.split("}");
                                    var id = arr[8];
                                    var fecha = arr[0];
                                    var icono = getIcono(parseInt(arr[4]));
                                    var alumno = arr[6] + " -> " + arr[5];
                                    var algo = startsWith(arr[5],search);
                                    var algo = algo || startsWith(arr[6],search);
                                    if(algo == true){
                                        var uno = "<li class=odd id ="+id+">";
                                        var ud = "<p class=title><img src=images/"+icono+" /></p>";
                                        var dos = "<p class=title>"+fecha+"</p>";
                                        var tres = "<p class=descrip>"+alumno+"</p>";
                                        var cuatro = "<p class=edit> <a onClick=ver('"+id+"') class=pollo><img src=images/ver.png /></a></p>";
                                        var d=new Date(arr[10]);
                                        var curr_date = d.getDate();
                                        var curr_month = d.getMonth() + 1; //Months are zero based
                                        var curr_year = d.getFullYear();
                                        var ld = curr_year + "-" + curr_month + "-" + curr_date;
                                        var cinco = "<p class=edit>"+ld+"</p>";
                                        var seis = "</li>";
                                        var row = uno +ud+dos + tres + cuatro + cinco+ seis;
                                        $("#lst2").append(row);  
                                    }
                                }
                            }); 
                          
                      }
                }
           }); 
           
           
           
             
        }
     
     function editar(id)
        {
        var path= "Controladores/GetReporte.php?Reporte="+id;        
        document.getElementById('IdReporte').value = id;
        $.ajax({
            'url' : path,'type' : 'GET',
            'success' : function(data) {
                limpiar();
                var n = data.split("}");
                document.getElementById('FechaReporte').value = n[0];
                document.getElementById('FechaInfraccion').value = n[1];
                setTextTA("input",n[3]);
                setTextTA("input2",n[7]);
                document.getElementById('nombreA').innerHTML = n[6] + " <b>Matricula:</b> " +n[5];
                setR(n[2]);
                /**/
                change(parseInt(n[4])+1);

                /**/
                document.getElementById('simon').style.visibility='visible'; // show 
                 $( "#dialog-form" ).dialog( "open" );
                
                
            }
        });  
        } 
   
         function startsWith(data,str)
        {
            var reg;
            if ((data.length >= str.length && data.substring(0, str.length) == str) || str == "search")
                reg = true;
            else
                reg = false;
            return reg;
        }
        
        function getIcono(icono)
        {
            switch(icono)
            {
                case 0:
                    return "icov.png";
                case 1:
                    return "icoa.png";
                case 2:
                    return "icor.png";
            }
        }
        
        function getIconoAtendido(tiempo)
        {
            if(tiempo < 2)
                return "icov.png";
            else if (tiempo < 4)
                return "icoa.png";
            return "icor.png";

        }
        
    </script>
    <script type="text/javascript" src="src/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="scripts/demo.js"></script>
                
		<script type="text/javascript" src="js/script-carasoul.js"></script>
		<link href="YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
		<link href="YUI/2.6.0/build/calendar/assets/skins/sam/calendar.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
	$(document).ready(function()
{

   $( '#checkall' ).live( 'click', function() {
				
				$( '.chkl' ).each( function() {
					$( this ).attr( 'checked', $( this ).is( ':checked' ) ? '' : 'checked' );
				}).trigger( 'change' );
 
			});
  $('#checkall').click(function(){


 $('span').toggleClass('checked');
$('#checkall').toggleClass('clicked');

 }); 
	});
		</script>
                <script type="text/javascript" src="js/jquery.cleditor.js"></script>
              
     <script type="text/javascript">
        $(document).ready(function() {
            $("#input").cleditor(
			{
                            width:        500, // width not including margins, borders or padding
                            height:       250, // height not including margins, borders or padding
			}
							 );
      });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#input2").cleditor(
			{
                            width:        500, // width not including margins, borders or padding
                            height:       250, // height not including margins, borders or padding
			}
							 );
      });
    </script>

		</head>
		<input type="hidden" id="escondido" value="0"/>
		<input type="hidden" id="turno" value="0"/>
		<input type="hidden" id="IdReporte" value="0"/>
<div id="admin">
          <div id="wrap">
    <div id="head">
              <h1><a href="inicioDirector.hp">SRP<br />
                <span>Sistema Reportes Preparatoria</span></a></h1>
              <ul id="menu">
                  <li><a href="inicioDirector.php">Inicio</a></li>
                  <li><a href="#">|</a></li>
                  <li><a href="Reportes/reporteDirector.pdf">Ayuda &nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                  <li><a href="#">|</a></li>
                  <li><a href="Controladores/salir.php">Salir</a></li>
              </ul>
              <ul id="tablist">
        <li><a href="#a"><span>Home</span></a></li>
      </ul>
              <div id="tabsPanel">
        <div id="a" class="tab_content">
                  <div class='carousel_container'>
            <div class='left_scroll'><img src='images/leftArrow.png' alt="" /></div>
            <div class='carousel_inner'>
                      <ul class='carousel_ul'>
                <li title="Cargar Reportes"><a class="ico5" href='cargarReportes.php'></a></li>
                <li title="Nuevo Reporte"><a class="ico1" href='reporteDirector.php'></a></li>
                <li title="Historial"><a class="ico6" href='historialDirector.php'></a></li>
                <li title="Reportes"><a class="ico2" href='reportesDirector.php'></a></li>
                <li title="Inicio"><a class="ico4" href='inicioDirector.php'></a></li>
                
              </ul>
                    </div>
            <div class='right_scroll'><img src='images/rightArrow.png' alt="" /></div>
          </div>
                </div>
        <div id="b" class="tab_content">
                  <div class='carousel_container'>
            <div class='left_scroll2'><img src='images/leftArrow.png' alt="" /></div>
           
            <div class='right_scroll2'><img src='images/rightArrow.png' alt="" /></div>
          </div>
                </div>
        <!--Tab End--> 
      </div>
              <img src="images/shadow.png" class="shadow" alt="" /> </div>
              
    <div id="content">
       <div class="datalist">
           
           <div class="styles">
        <div class="heading">

                  <h2>Bienvenid@ Director <?echo $docente->Nombre;?></h2>
                  <h2>Estatus Tutores</h2>
                  <div class="search">
                    <input id="search" onchange="cambio(3)"  name="search" type="text" value="search" onfocus="if(this.value=='search')this.value=''" onblur="if(this.value=='')this.value='search'" />
                    <input name="" type="submit" value="" />
                </div>
                      </div>
        </div>
        <div class="heading">
            
                  <div style="margin-left: 25px; margin-top:-4px">
            <label>
                  </br>    
                  <select onChange="cambioTutores(1)" id="tutores" name="sort">
                        
                 </select> 
                Seleccionar Tutor
          </label>
                 <label>
                                           </br>
                                           </br>
                      
                  <input type="radio"  name="r2" onclick="cambio(1)" checked="true" value="Disciplinario" id="r" />
                  Bandeja Entrada</label>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label>
                  <input type="radio" name="r2" onclick="cambio(2)" value="Disciplinario" id="rg2" />
                  Bandeja Salida</label>
                  </div>
                 </br>
                 </br>
                
       </div>
           <p><br></br></p>
        <ul id="lstsasdfasd">
         
          </ul>
           
          <ul id="lst">
         
          </ul>
        <ul id="lst2">
          
          </ul>
      </div>
              
            
            </div>
  </div>
          <div class="push"></div>
        </div>
<div id="foot">
<p>© SRP</p>      
</div>


 <div id="dialog-form">
    <div id="content">
        <div class="forms">
        <div class="heading">
           <h2>Reporte <label id="nombreA">a</label></h2>
             <div class="nueva">
             <table border="1">
             <tr>
                <td>
                    <label>
                        Gravedad
                        <br></br>
                    </label>
                <label>
                </td>
             </tr>
             <tr>
                <td>
                    <img id="1" src="images/verde.png" alt="Image Button" />
                </td>
             </tr>
             <tr>
                 <td>
                    <img id="2" src="images/apagado.png" alt="Image Button"/>
                 </td>
             </tr>
             <tr>
                 <td>
                    <img id="3" src="images/apagado.png" alt="Image Button"/>
                </td>
             </tr>
             </table>
             </div>
              
             
            </div>
         <form class="styleForm">
             <div class="nueva2">
           <link href="content/styles.css" rel="stylesheet" /> 
     
        <div id="selection"></div>

             <p>Fecha Reporte &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;Fecha Infracción<br />
                 
                 <input readonly="true" name="fr" type="text" value="<?echo date('Y-m-d H:i:s');?>" id="FechaReporte" class="reg" disabled="true" onfocus="if(this.value=='Enter Title')this.value=''" onblur="if(this.value=='')this.value='Enter Title'" />
            
            <input style="margin-left: 10px" name="FechaInfraccion" type="text" value="Fecha Infracción" id="FechaInfraccion" disabled="true" class="reg" onfocus="if(this.value=='Fecha Infracción')this.value='';"  onblur="if(this.value=='')this.value='Fecha Infracción';"  /> 
            
          </p>
            
              <p>Tipo Reporte<br />
            <label>
                  <input type="radio" disabled="true" checked="true"  name="RadioGroup1" value="Academico" id="r0" />
                  Académico</label>
            <label>
                  <input type="radio" disabled="true" name="RadioGroup1" value="Disciplinario" id="r1" />
                  Disciplinario</label>
            <label>
                  <input type="radio" name="RadioGroup1" disabled="true" value="Consejeria" id="r2" />
                  Consejería</label>
          </p>
            
                 <p>Descripción<br />
            <textarea id="input" name="input"></textarea>
           
            <p></p>
            <div id="dv">
             <p>Descripción Atendido<br />
                    
                 <textarea id="input2" MaxLength="600" name="input2"></textarea>
                 </div>
             
            <p></p>
              
             <input name="save" id="simon" onClick="enviarReporte();" type="button" value="Aceptar" />
             </div>
            </form>
      </div>
              <img src="images/sepLine.png" alt="" class="sepline" />
            
          
            </div>
</div>

<script>
    fillTutores();
    cambio(1);
    cambioTutores(1);
</script>                
                
</body>
</html>
